<template>
  <div class="page-errdesc">
      <myHeader head-title="交易错误详情" go-back='true'></myHeader>
      <section id="scroll_section" class="scroll_container">
          <div class="markdown">
          <h3 id="q1-">{{acctErrmsg}}</h3>
          </div>
      </section>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  import myHeader from '@/components/common/header/header'

  export default {
    data(){
      return{
      }
    },
    components:{
      myHeader
    },
    computed: {
      ...mapGetters([
        'acctRetSucc',
        'acctErrmsg'
      ])
    }
  }
</script>

<style lang="scss" scoped>
  @import 'src/style/mixin';

  .page-errdesc{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-top: 1.95rem;
      z-index: 203;
      background-color: #fff;
      p, span{
          font-family: Helvetica Neue,Tahoma,Arial;
      }
  }
  .scroll_container{
      @include wh(100%, 100%);
  }
  .markdown{
      padding-bottom: 2rem;
      @include sc(.6rem, #666);
      padding: 0 0.5rem 0.5rem;
      h3{
          line-height: 2rem;
      }
      p,li{
          @include sc(.6rem, #666);
          line-height: 1rem;
      }
  }
</style>